<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta name="renderer" content="webkit|ie-comp|ie-stand">  
<title>迎新首页</title>
<link rel="stylesheet" href="<%=basePath%>static/yzyx/css/style.css" />
<!--[if lt IE 9]>
		    <script type="text/javascript">
		        var str = "你的浏览器版本太low了,已经和时代脱轨了 :(";
		        var str2 = "升级浏览器或者，"+"推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:blue;'>谷歌</a>,"+ "其他双核极速模式";
		        document.writeln("<pre style='text-align:center;color:#fff;background-color:#0cc; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
		                "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><h2>" +
		                str2 + "</h2><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
		        document.execCommand("Stop");
		    </script>
<![endif]-->

<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript"
	src="<%=basePath%>static/jquery-1.11.2.min.js"></script>
</head>

<body>
	<!--头部-->
	<div id="header">
		<div class="header-body">
			<div class="header_left">
				<ul>
					<li><img src="<%=basePath%>static/yzyx/images/logo02.png"></li>
					<li class="center"><span class="font">&#xe610;</span></li>
					<li class="center"><span class="font">&#xe676;</span></li>
					<li>学院官网</li>
				</ul>
			</div>
			<div class="header_middle">
				<input type="text" />
				<div class="sousuo">
					<span class="font" style="font-size: 25px;">&#xe605;</span>多个类型服务
				</div>
			</div>
			<div class="header_right">
				<ul>
					<li><span class="font">&#xe667;</span></li>
					<li><span class="font">&#xe652;</span></li>
					<li class="user"><img class="user2" style='border-radius:50%;'
						src='<%=basePath%>static/yzyx/images/user.png'>
						<div class="zhuxiao">
							<img src="<%=basePath%>static/yzyx/images/user.png"><a>${xsxx.xm }</a>
							<div class="personl">
								<a href="javascript:alert('敬请期待！');">个人中心</a>
							</div>
							<div class="fuwu">
								<a href="javascript:alert('敬请期待！');">管理服务</a>
							</div>
							<div class="goback">
								<a href="${initParam.casServerLogoutUrl }">安全退出</a>
							</div>
						</div></li>

					<li>${xsxx.xm }</li>
				</ul>
			</div>
		</div>
	</div>
	<!--两个菜单栏-->
	<div id="nav">
		<div class="nav ">
			<ul>
				<li class="caidan together">欢迎入学
					<div class="bot-border"></div>
				</li>
				<li class="caidan together">我的桌面
					<div class="bot-border"></div>
				</li>
				<li class="fuhao together"><span class="font">&#xe619;</span></li>
				<li class="fuhao together"><span class="font">&#xe600;</span></li>
			</ul>
		</div>
	</div>
	<div id="dai">
		<!--进入主要内容区-->
		<div id="body">
			<div class="body_one clearfix">
				<div class="body_one_left inline">
					<!--个人信息-->
					<div class="body_one_left_top together">个人信息</div>
					<div class="body_one_left_middle together">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${xsxx.xm }&nbsp;<a>恭喜您被山东医学高等专科学校录取!</a>
					</div>
					<div class="body_one_left_bot together pxpx">
						<ul>
							<li><a>考生号&nbsp;:&nbsp;</a><span>${xsxx.ksh }</span></li>
							<li><a>身份证号&nbsp;:&nbsp;</a><span>${xsxx.sfzh }</span></li>
							<li><a>民族&nbsp;:&nbsp;</a><span>${xsxx.mz }</span></li>
							<li><a>院系&nbsp;:&nbsp;</a><span>${xsxx.yx }</span></li>
							<li><a>专业&nbsp;:&nbsp;</a><span>${xsxx.zy }</span></li>
							<li><a>班级&nbsp;:&nbsp;</a><span>${xsxx.bjmc }</span></li>
							<li><a>班主任&nbsp;:&nbsp;</a><span>${xsxx.fdyxm }</span></li>
							<li><a>班主任电话&nbsp;:&nbsp;</a><span>${xsxx.dh }</span></li>
							<li><a>一卡通号&nbsp;:&nbsp;</a><span>${xsxx.ykth }</span></li>
							<li><a>班级qq群&nbsp;:&nbsp;</a><span>${xsxx.qqq }</span></li>
						</ul>
					</div>
				</div>
				<!--新生须知-->
				<div class="body_one_right inline">
					<div class="body_one_left_top together">新生须知</div>
					<div class="body_one_right_bot together">
						<ul>
								<li class="link" value="${xsxz[5].id }"><img src='<%=basePath%>static/yzyx/images/biao_01.png'><a>${xsxz[5].title }</a></li>
								<li class="left_one link" value="${xsxz[0].id }"><img src='<%=basePath%>static/yzyx/images/biao_09.png'><a>${xsxz[0].title }</a></li>
								<li class="link" value="${xsxz[6].id }"><img src='<%=basePath%>static/yzyx/images/biao_02.png'><a>${xsxz[6].title }</a></li>
								<li class="left_one link" value="${xsxz[1].id }"><img src='<%=basePath%>static/yzyx/images/biao_04.png'><a>${xsxz[1].title }</a></li>
								<li class="link" value="${xsxz[7].id }"><img src='<%=basePath%>static/yzyx/images/biao_03.png'><a>${xsxz[7].title }</a></li>
								<li class="left_one link" value="${xsxz[2].id }"><img src='<%=basePath%>static/yzyx/images/biao_06.png'><a>${xsxz[2].title }</a></li>
								<li class="link" value="${xsxz[8].id }"><img src='<%=basePath%>static/yzyx/images/biao_05.png'><a>${xsxz[8].title }</a></li>
								<li class="left_one link" value="${xsxz[3].id }"><img src='<%=basePath%>static/yzyx/images/biao_10.png'><a>${xsxz[3].title }</a></li>
								<li class="no_border_two link" value="${xsxz[9].id }"><img src='<%=basePath%>static/yzyx/images/biao_07.png'><a>${xsxz[9].title }</a></li>
								<li class="left_one no_border_two link" value="${xsxz[4].id }"><img src='<%=basePath%>static/yzyx/images/biao_08.png'><a>${xsxz[4].title }</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--缴费情况与宿舍情况-->
			<div class="body_two clearfix margin">
				<div class="body_two_left">
					<div class="body_one_left_top together">缴费与宿舍情况</div>
					<div class="body_two_left_top together">
						<div class="top_left">
							<img src="<%=basePath%>static/yzyx/images/money2.png" />
							<div class="money">
								<p>
									<span>已交金额</span><a>${sfqk.sjje }</a><span>元</span>
								</p>
								<p>
									<span>未交金额</span><a>${sfqk.wjje }</a><span>元</span>
								</p>
							</div>
							<div class="box" id='box2'>
								<div class="chakan" id='box3'>查看明细</div>
								<c:if test="${isJf ne true }">
										<div class='an pay' id='box4'>支付</div>
								</c:if>
							</div>
							<form action="http://211.64.79.51:8081/school/interface/toPay" method="POST" id="payForm">
								<input value='${json }' name="json" type="hidden">
								<input value="${signature }" name="signature"  type="hidden">
							</form>
							<!-- <div class="toPay">支付</div> -->
						</div>
					</div>
					<div class="body_two_left_bot together">
						<div class="tongzhi">
							<img src="<%=basePath%>static/yzyx/images/img_02.png" /> 
							<c:if test="${yxcw[0].id eq null }">
								<a>当前宿舍:未选择 </a>
							</c:if>
							<c:if test="${yxcw[0].id ne null }">
								<a>当前宿舍:${yxcw[0].sqm}-${yxcw[0].sslmc}-${yxcw[0].cwmc} </a>
							</c:if>
							<c:if test="${isJf eq true || true}">
								<c:if test="${czcs eq 0 || czcs eq 2 }">
									<div class='an room'>选择宿舍</div>
								</c:if>
								<c:if test="${czcs eq 1 }">
									<div class='an room'>修改宿舍</div>
								</c:if>
							</c:if>
						</div>
					</div>
				</div>
				<!--学校站点-->
				<div class="body_two_right">
					<div class="body_one_left_top together">校内站点推荐<a>了解校园</a></div>
					<div class="school together">
						<ul>
							<li class="link" value="${xnzdtj[1].id }"><img src="<%=basePath%>static/yzyx/images/img_05.png"><a href="javascript:;">${xnzdtj[1].title }</a></li>
							<li class="left_two link" value="${ljxy[0].id }"><img src="<%=basePath%>static/yzyx/images/la.png"><a href="javascript:;">${ljxy[0].title }</a></li>
							<li class="link" value="${xnzdtj[0].id }"><img src="<%=basePath%>static/yzyx/images/bao.png"><a href="javascript:;">${xnzdtj[0].title }</a></li>
							<li class="left_two link" value="${ljxy[2].id }"><img src="<%=basePath%>static/yzyx/images/la2.png"><a href="javascript:;">${ljxy[2].title }</a></li>
							<li class="no_border_two link" value="${xnzdtj[2].id }"><img src="<%=basePath%>static/yzyx/images/bao2.png"><a href="javascript:;">${xnzdtj[2].title }</a></li>
							<li class="left_two no_border_two link" value="${ljxy[1].id }"><img src="<%=basePath%>static/yzyx/images/la3.png"><a href="javascript:;">${ljxy[1].title }</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--报道流程-->
			<div class="body_three clearfix margin">
				<div class="body_three_left">
					<div class="body_one_left_top together">报道流程</div>
					<div class="baodao together">
						<ul>
							<c:forEach items="${bdlcxxList}" var="lcxx">
								<li class="${lcxx.zt eq 1 ?'nowLc':'' }" title="${lcxx.hjsm }">${lcxx.hjsx }、${lcxx.hj }</li>
							</c:forEach>
						</ul>
					</div>
				</div>
				<!--学校公告-->
				<div class="body_three_right">
					<div class="body_one_left_top together">
						校园公告
						<div class="more">
							<a onclick="linkMore();">>>更多</a>
						</div>
					</div>
					<div class="gao together">
						<ul>
							<c:forEach items="${news }" var="news" varStatus="status">
								<li class="link" value="${news.id }"><a>${news.title}</a>
									<a> <fmt:formatDate pattern="yyyy-MM-dd"
											value="${news.pubTime}" />
								</a></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--页面最底部-->
		<div class="body_six clearfix">
			<div class="body_six_middle">
				<p>Copyright © 2016 山东医学高等专科学校.&nbsp;&nbsp; 地址：山东省临沂市聚才六路.</p>
				<p>电话：0539-8225584.&nbsp;&nbsp;邮箱：276100&nbsp;&nbsp;鲁ICP12018674号</p>
			</div>
		</div>
	</div>
	<!--左边不动菜单-->
	<div class="fix">
		<div class="together">
			<span class="font">&#xe648;</span>
			<p>
				<a href="">我的收藏</a>
			</p>
		</div>
		<div class="together">
			<span class="font">&#xe72c;</span>
			<p>
				<a href="">可用应用</a>
			</p>
		</div>
		<div class="together">
			<span class="font">&#xe602;</span>
			<p>
				<a href="">可用卡片</a>
			</p>
		</div>
	</div>
	<!--右边不动菜单-->
	<div class="seven">
		<div class="together">
			<span class="font">&#xe60b;</span>
			<p>
				<a href="">在线咨询</a>
			</p>
		</div>
	</div>


	<div class="zhezhao">
		<div class="neirong_02 together">
			<div class="jiaofei together">
				<a>缴费明细</a><span class="font">&#xe620;</span>
			</div>
			<div class="money2 ">
				<ul>
					<li>收费类型</li>
					<li>应收金额</li>
					<li>已交金额</li>
					<li>未交金额</li>
					<c:forEach items="${fymxList}" var="fymx">
						<li>${fymx.fylx }</li>
						<li>${fymx.fy }</li>
						<li>${isJf?fymx.fy:0 }元</li>
						<li>${isJf?0:fymx.fy }元</li>
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$('.chakan').click(function(){
			$('.zhezhao').fadeIn();
		})
		$('.jiaofei span').click(function(){
			$('.zhezhao').fadeOut();
		})
		var floag=true;
		$('.zhuxiao').hide();
		$('.user2').click(function(){
			if(floag){
				$('.zhuxiao').show(500);
				floag=false;
			}
			else{
				$('.zhuxiao').hide(500);
				floag=true;
			}
		})
	//获取公告id并跳转到详细页面
   	$(document).on('click','.link',function(){
   		var id = $(this).val();
		window.open("<%=basePath%>s/notify.html?newid="+id);
	 });
   	$(document).on('click','.pay',function(){
   		$("#payForm").submit();
	 });
   	$(document).on('click','.room',function(){
		window.open("<%=basePath%>s/room");
	 });
 	function linkMore(){
		window.open("s/subpage.html");
	}
	var hei=$('#box2').height()-$('#box3').height()-$('#box4').height();
	if($("#box2").find("div").length>1){
		    var hei2=hei/3+'px';
		    $('#box2 div').css('margin-top',hei2);
		}
	else{
		    var hei2=hei/2+'px';
		    $('#box2 div').css('margin-top',hei2);
		}
	var height=$(window).height();
	var martop=height*0.8+'px';
	$('#dai').css('height',martop);	

	
</script>
</body>
</html>
